<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <h:form id="formulario">

                <p:panel id="panel" header="DATOS DE LA SEDE" style="margin-bottom:10px;width: 70%;margin: 0px auto" styleClass="print">  

                    <p:panelGrid style="margin: 10px auto;width: 80%;margin: 0px auto" id="formSede"> 
                        <p:row>
                            <p:column>
                                <h:outputText id="lblFormularioUbigeo" value="UBIGEO: " styleClass="lblVerN" />
                            </p:column>
                            <p:column colspan="3"> 
                                <h:outputText id="idUbigeo" value="#{BKSede.sedeFormulario.descUbicacion}" styleClass="lblVer"
                                               style="width: 350px" />
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputText id="lblDireccionSede" value="DIRECCION: " styleClass="lblVerN" />
                            </p:column>
                            <p:column colspan="3">
                                <h:outputText id="txtDireccionSede" value="#{BKSede.sedeFormulario.direccion}" styleClass="lblVer" />
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputText id="lblReferenciaSede" value="REFERENCIA: " styleClass="lblVerN" />
                            </p:column>
                            <p:column colspan="3">
                                <h:outputText id="txtReferenciaSede" value="#{BKSede.sedeFormulario.referencia}" styleClass="lblVer" />
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputText id="lblNombreSede" value="NOMBRE: " styleClass="lblVerN" />
                            </p:column>
                            <p:column colspan="3">
                                <h:outputText id="txtNombreSede" value="#{BKSede.sedeFormulario.nombre}" styleClass="lblVer" />
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column colspan="4">

                                <h:outputText id="lblTiendaSede" value="TIENDA" styleClass="lblVerN"  />
                                <p:selectBooleanCheckbox  disabled="true" id="chbxTiendaSede"  value="#{BKSede.tiendaFormulario}" style="margin: 0 15px"/>
                                <h:outputText id="lblAlmacenSede"  value="ALMACEN" styleClass="lblVerN" />
                                <p:selectBooleanCheckbox id="chbxAlmacenSede" disabled="true" value="#{BKSede.almacenFormulario}" style="margin: 0 15px"/>

                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputText id="lblDescripcion" value="DESCRIPCION: " styleClass="lblVerN" />
                            </p:column>
                            <p:column colspan="3">
                                <h:outputText id="inTxtAreaDescripcionSede" value="#{BKSede.sedeFormulario.descripcion}" styleClass="lblVer" />
                            </p:column>
                        </p:row>

                        <p:row rendered="false">
                            <p:column colspan="4">
                                <p:fieldset legend="Datos de Documentación">
                                    <p:panelGrid >
                                        <p:row>
                                            <p:column colspan="2">
                                                <h:outputText class="negrita" value="GUÍA DE REMISIÓN" />
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="NUM. SERIE(*): " />
                                            </p:column>
                                            <p:column>
                                                <h:outputText value="#{BKSede.sedeFormulario.nroSerieGuiaRemision}"/>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="NUM. SECUENCIA(*): " />
                                            </p:column>
                                            <p:column>
                                                <h:outputText value="#{BKSede.sedeFormulario.nroSecGuiaRemision}"/>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column colspan="2">
                                                <h:outputText class="negrita" value="FACTURA" />
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="NUM. SERIE(*): " />
                                            </p:column>
                                            <p:column>
                                                <h:outputText value="#{BKSede.sedeFormulario.nroSerieFactura}"/>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="NUM. SECUENCIA(*): " />
                                            </p:column>
                                            <p:column>
                                                <h:outputText value="#{BKSede.sedeFormulario.nroSecFactura}"/>
                                            </p:column>
                                        </p:row>

                                    </p:panelGrid>

                                </p:fieldset>
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column colspan="4">
                                <p:fieldset id="fstContacto" legend="CONTACTOS" >
                                    <p:dataTable id="dataTablaContacto" var="contacto" value="#{BKContacto.listaContacto}" widgetVar="carsTable"
                                                 emptyMessage="No se encontraron contactos"  >


                                        <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
                                            <h:outputText value="#{rowIndex+1}" />
                                        </p:column>

                                        <p:column id="idColumnaNombre" headerText="NOMBRE" >
                                            <h:outputText value="#{contacto.nombre}" />  
                                        </p:column>

                                        <p:column id="idColumnaCargo" headerText="CARGO" >
                                            <h:outputText value="#{contacto.cargo}" /> 
                                        </p:column>

                                        <p:column id="idColumnaTelefono" headerText="TELEFONO" >

                                            <h:outputText value="#{contacto.telefono}" />  
                                        </p:column>

                                        <p:column id="idColumnaMovil" headerText="MOVIL" >
                                            <h:outputText value="#{contacto.movil}" />
                                        </p:column>

                                        <p:column id="idColumnaCorreo" headerText="CORREO" >
                                            <h:outputText value="#{contacto.correo}" /> 
                                        </p:column>

                                    </p:dataTable>
                                </p:fieldset>
                            </p:column>
                        </p:row>

                    </p:panelGrid>

                </p:panel>  

              <center>
                <h:panelGrid columns="2" cellpadding="10"  id="btnGuardar" >
                    <p:commandButton action="#{MBSede.cancelar()}"  ajax="false" value="Volver" immediate="true" />
                    <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print">  
                        <p:printer target="formSede" />    
                    </p:commandButton >
                </h:panelGrid>
               </center>     
            </h:form>  


        </ui:define>

    </ui:composition>
</html>